<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:include="common/common_css::common_css('云采购')">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<div th:replace="header::header"></div>
	<div class="wrapper row-offcanvas row-offcanvas-left">
		<!-- Left side column. contains the logo and sidebar -->
		<div th:replace="leftMenu::leftMenu"></div>
		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					首页 <small>统计</small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
					<li class="active">统计</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content">

				<!-- Small boxes (Stat box) -->
				<div class="row">
					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-aqua">
							<div class="inner">
								<h3>150</h3>
								<p>New Orders</p>
							</div>
							<div class="icon">
								<i class="ion ion-bag"></i>
							</div>
							<a href="#" class="small-box-footer"> More info <i
								class="fa fa-arrow-circle-right"></i>
							</a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-green">
							<div class="inner">
								<h3>
									53<sup style="font-size: 20px">%</sup>
								</h3>
								<p>Bounce Rate</p>
							</div>
							<div class="icon">
								<i class="ion ion-stats-bars"></i>
							</div>
							<a href="#" class="small-box-footer"> More info <i
								class="fa fa-arrow-circle-right"></i>
							</a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-yellow">
							<div class="inner">
								<h3>44</h3>
								<p>User Registrations</p>
							</div>
							<div class="icon">
								<i class="ion ion-person-add"></i>
							</div>
							<a href="#" class="small-box-footer"> More info <i
								class="fa fa-arrow-circle-right"></i>
							</a>
						</div>
					</div>
					<!-- ./col -->
					<div class="col-lg-3 col-xs-6">
						<!-- small box -->
						<div class="small-box bg-red">
							<div class="inner">
								<h3>65</h3>
								<p>Unique Visitors</p>
							</div>
							<div class="icon">
								<i class="ion ion-pie-graph"></i>
							</div>
							<a href="#" class="small-box-footer"> More info <i
								class="fa fa-arrow-circle-right"></i>
							</a>
						</div>
					</div>
					<!-- ./col -->
				</div>
				<!-- /.row -->

				<!-- top row -->
				<div class="row">
					<!-- TO DO List -->
					<div class="box box-primary">
						<div class="box-header">
							<i class="ion ion-clipboard"></i>
							<h3 class="box-title">To Do List</h3>
							<div class="box-tools pull-right">
								<ul class="pagination pagination-sm inline">
									<li><a href="#">&laquo;</a></li>
									<li><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">&raquo;</a></li>
								</ul>
							</div>
						</div>
						<!-- /.box-header -->
						<div class="box-body">
							<ul class="todo-list">
								<li>
									<!-- drag handle --> <span class="handle"> <i
										class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
								</span> <!-- checkbox --> <input type="checkbox" value="" name="" /> <!-- todo text -->
									<span class="text">Design a nice theme</span> <!-- Emphasis label -->
									<small class="label label-danger"><i
										class="fa fa-clock-o"></i> 2 mins</small> <!-- General tools such as edit or delete-->
									<div class="tools">
										<i class="fa fa-edit"></i> <i class="fa fa-trash-o"></i>
									</div>
								</li>
								<li><span class="handle"> <i
										class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
								</span> <input type="checkbox" value="" name="" /> <span class="text">Make
										the theme responsive</span> <small class="label label-info"><i
										class="fa fa-clock-o"></i> 4 hours</small>
									<div class="tools">
										<i class="fa fa-edit"></i> <i class="fa fa-trash-o"></i>
									</div></li>
								<li><span class="handle"> <i
										class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
								</span> <input type="checkbox" value="" name="" /> <span class="text">Let
										theme shine like a star</span> <small class="label label-warning"><i
										class="fa fa-clock-o"></i> 1 day</small>
									<div class="tools">
										<i class="fa fa-edit"></i> <i class="fa fa-trash-o"></i>
									</div></li>
								<li><span class="handle"> <i
										class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
								</span> <input type="checkbox" value="" name="" /> <span class="text">Let
										theme shine like a star</span> <small class="label label-success"><i
										class="fa fa-clock-o"></i> 3 days</small>
									<div class="tools">
										<i class="fa fa-edit"></i> <i class="fa fa-trash-o"></i>
									</div></li>
								<li><span class="handle"> <i
										class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
								</span> <input type="checkbox" value="" name="" /> <span class="text">Check
										your messages and notifications</span> <small
									class="label label-primary"><i class="fa fa-clock-o"></i>
										1 week</small>
									<div class="tools">
										<i class="fa fa-edit"></i> <i class="fa fa-trash-o"></i>
									</div></li>
								<li><span class="handle"> <i
										class="fa fa-ellipsis-v"></i> <i class="fa fa-ellipsis-v"></i>
								</span> <input type="checkbox" value="" name="" /> <span class="text">Let
										theme shine like a star</span> <small class="label label-default"><i
										class="fa fa-clock-o"></i> 1 month</small>
									<div class="tools">
										<i class="fa fa-edit"></i> <i class="fa fa-trash-o"></i>
									</div></li>
							</ul>
						</div>
						<!-- /.box-body -->
						<div class="box-footer clearfix no-border">
							<button class="btn btn-default pull-right">
								<i class="fa fa-plus"></i> Add item
							</button>
						</div>
					</div>
					<!-- /.box -->
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->

	<div th:replace="common/common_js::common_js"></div>
</body>
</html>